<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/login.css">
  <link rel="stylesheet" href="./js/flexible.js">
</head>

<body>
  <!-- 1、初始化加载页 -->
  <div class="load"></div>
  <!-- 2、登录页 -->
  <div class="login">
    <!-- 3、手机号登录 -->
    <div class="tel telLogin">
      <div class="nav">神领快递</div>
      <div class="header">
        <div class="telLeft">手机号登录</div>
        <div class="telRight">账号登录</div>
      </div>
      <form class="formTel ">
        <input type="text" name="telNum" id="" class="telNum" placeholder="请输入手机号">
        <div class="hide telNotice">手机号输入有误! 请重新输入</div>
        <input type="text" name="authCode" id="" class="telPassword" placeholder="请输入验证码">
        <div class="telCode">获取验证码</div>
        <div class="hide validationMessage">验证码输入有误! 请重新输入</div>
      </form>
      <button class="telBtn numberCode">登录</button>

    </div>
    <!-- 4、账号密码登录 -->
    <div class="tel accountLogin hide">
      <div class="nav">神领快递</div>
      <div class="header">
        <div class="telLeft accountLeft">账号登录</div>
        <div class="telRight accountRight">手机号登录</div>
      </div>
      <form class="formTel">
        <input type="text" name="telAccount" id="" class="telNum" placeholder="请输入账号" max="11">
        <div class="hide telNotice activeTel">手机号输入有误! 请重新输入</div>
        <input type="password" name="telPassword" class="telPassword" placeholder="请输入密码">
        <div class="hide validationMessage errorPrompt">密码错误</div>
        <div class="telCode .stopTel">
          <img src="./images/×1.png" alt="" class="clearHide clearPass ">
          <img src="./images/眼睛_闭.png" alt="" class="clearHide viewPassword telShow">
        </div>
      </form>
      <button class="telBtn accountPasswordLogin">登录</button>
    </div>
  </div>
  <script src="./js/user.js"></script>
  <script src="./js/login.js"></script>
</body>